<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="./js/vue.js" ></script>
</head>
<body>
    
    <div id="app">
        <!-- 
            事件绑定-参数传递
            1. 如果事件直接绑定函数名称, 那么默认会传递事件对象作为事件函数的第一个参数
            2. 如果事件绑定函数调用,那么事件对象必须作为最后一个参数传递,并且事件对象的名称必须是$event
         -->
        <div>{{num}}</div>

        <div>
            <button v-on:click='handle1'>函数名称</button>
            <button v-on:click='handle2(123,456,$event)' >函数调用</button>
        </div>
        
        
        
    </div>

    <script type="text/javascript">
        
       var vm = new Vue({
           el:'#app',
           data:{
               num:0
           },
           methods:{
               // 这里的handle只是一个函数名没有特殊的含义
               handle2 : function(p1,p2,event){
                   console.log(p1,p2)
                   console.log(event.target.tagName)
                   this.num++;
               },
               handle1 : function(event){
                   console.log(event.target.tagName);
               }
           }
       })      
       
    </script>
</body>
</html>


       